<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/admin/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>表格</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Kanrisha - A Premium HTML5 Responsive Admin Template</title>
	<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="Javascript/Flot/excanvas.js"></script>
	<![endif]-->
	<!-- The Fonts -->
	<link href="http://fonts.useso.com/css?family=Oswald|Droid+Sans:400,700" rel="stylesheet" />
	<!-- The Main CSS File -->
	<link rel="stylesheet" href="CSS/style.css" />
	<!-- jQuery -->
	<script src="Javascript/jQuery/jquery-1.7.2.min.js"></script>
	<!-- Flot -->
	<script src="Javascript/Flot/jquery.flot.js"></script>
	<script src="Javascript/Flot/jquery.flot.resize.js"></script>
	<script src="Javascript/Flot/jquery.flot.pie.js"></script>
	<!-- DataTables -->
	<script src="Javascript/DataTables/jquery.dataTables.min.js"></script>
	<!-- ColResizable -->
	<script src="Javascript/ColResizable/colResizable-1.3.js"></script>
	<!-- jQuryUI -->
	<script src="Javascript/jQueryUI/jquery-ui-1.8.21.min.js"></script>
	<!-- Uniform -->
	<script src="Javascript/Uniform/jquery.uniform.js"></script>
	<!-- Tipsy -->
	<script src="Javascript/Tipsy/jquery.tipsy.js"></script>
	<!-- Elastic -->
	<script src="Javascript/Elastic/jquery.elastic.js"></script>
	<!-- ColorPicker -->
	<script src="Javascript/ColorPicker/colorpicker.js"></script>
	<!-- SuperTextarea -->
	<script src="Javascript/SuperTextarea/jquery.supertextarea.min.js"></script>
	<!-- UISpinner -->
	<script src="Javascript/UISpinner/ui.spinner.js"></script>
	<!-- MaskedInput -->
	<script src="Javascript/MaskedInput/jquery.maskedinput-1.3.js"></script>
	<!-- ClEditor -->
	<script src="Javascript/ClEditor/jquery.cleditor.js"></script>
	<!-- Full Calendar -->
	<script src="Javascript/FullCalendar/fullcalendar.js"></script>
	<!-- Color Box -->
	<script src="Javascript/ColorBox/jquery.colorbox.js"></script>
	<!-- Kanrisha Script -->
	<script src="Javascript/kanrisha.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
	<%@include file="/admin/head.jsp" %>

	<div class="wrapper contents_wrapper">
		
		<%@include file="/admin/left.jsp" %>

		<div class="contents">
			<div class="grid_wrapper">

				<div class="g_6 contents_header">
					<h3 class="i_16_table tab_label">Tables</h3>
					<div><span class="label">Some Rows and Columns</span></div>
				</div>
				<div class="g_6 contents_options">
					<div class="simple_buttons">
						<div class="bwIcon i_16_help">Help</div>
					</div>
					<div class="simple_buttons">
						<div class="bwIcon i_16_settings">Settings</div>
						<div class="buttons_arrow">
							<!-- Drop Menu -->
							<ul class="drop_menu menu_with_icons right_direction">
								<li>
									<a class="i_16_add" href="#" title="New Flie">
										<span class="label">New File</span>
									</a>									
								</li>
								<li>
									<a class="i_16_progress" href="#" title="2 Files Left">
										<span class="label">Files Left</span>
										<span class="small_count">2</span>
									</a>
								</li>
								<li>
									<a class="i_16_files" href="#" title="Browse Files">
										<span class="label">Browse Files</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div class="g_12 separator"><span></span></div>

				<!-- Simple Table -->
				<div class="g_12">
					<div class="widget_header">
						<h4 class="widget_header_title wwIcon i_16_tables">Simple Table</h4>
					</div>
					<div class="widget_contents noPadding">
						<table class="tables">
							<thead>
								<tr>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Column Resize-Able -->
				<div class="g_12">
					<div class="widget_header">
						<h4 class="widget_header_title wwIcon i_16_resize">Resizeable Columns</h4>
					</div>
					<div class="widget_contents noPadding">
						<table class="tables resizeable_tables">
							<thead>
								<tr>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr><tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Column Checker -->
				<div class="g_12">
					<div class="widget_header">
						<h4 class="widget_header_title wwIcon i_16_checkbox">Table with CheckBox</h4>
					</div>
					<div class="widget_contents noPadding twCheckbox">
						<table class="tables">
							<thead>
								<tr>
									<th>
										<input type="checkbox" class="simple_form tMainC" />
									</th>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><input type="checkbox" class="simple_form" /></td>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td><input type="checkbox" class="simple_form" /></td>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr><tr>
									<td><input type="checkbox" class="simple_form" /></td>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td><input type="checkbox" class="simple_form" /></td>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Table With Tabs -->
				<div class="g_12" id="table_wTabs">
					<div class="widget_header wwOptions">
						<h4 class="widget_header_title wwIcon i_16_tabs">Table Tabs</h4>
						<ul class="w_Tabs">
							<li><a href="#table_wTabs-1" title="Tab 1">Table 1</a></li>
							<li><a href="#table_wTabs-2" title="Tab 2">Table 2</a></li>
						</ul>
					</div>
					<div class="widget_contents noPadding">
						<table class="tables" id="table_wTabs-2">
							<thead>
								<tr>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
						<table class="tables" id="table_wTabs-1">
							<thead>
								<tr>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>								
								</tr>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Separator -->
				<div class="g_12 separator"><span></span></div>
				<!-- Table With Options on Header -->
				<div class="g_12">
					<div class="widget_header wwOptions">
						<h4 class="widget_header_title wwIcon i_16_settings_small">Header Options</h4>
						<div class="w_Options i_16_settings">
							<!-- Drop Menu -->
							<ul class="drop_menu menu_with_icons right_direction">
								<li>
									<a class="i_16_add" href="#" title="New Flie">
										<span class="label">New File</span>
									</a>									
								</li>
								<li>
									<a class="i_16_progress" href="#" title="2 Files Left">
										<span class="label">Files Left</span>
										<span class="small_count">2</span>
									</a>
								</li>
								<li>
									<a class="i_16_files" href="#" title="Browse Files">
										<span class="label">Browse Files</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="widget_contents noPadding">
						<table class="tables">
							<thead>
								<tr>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Separator -->
				<div class="g_12 separator"><span></span></div>
				<div class="g_12">
					<div class="widget_contents noPadding">
						<table class="tables">
							<thead>
								<tr>
									<th>Name</th>
									<th>Side</th>
									<th>Role</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
								<tr>
									<td>Obi Wan Kenobi</td>
									<td>Light</td>
									<td>Jedi</td>
								</tr>
								<tr>
									<td>Greedo</td>
									<td>South</td>
									<td>Scumbag</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Separator -->
				<div class="g_12 separator"><span></span></div>
				<div class="g_12">
					<div class="widget_header wwOptions">
						<h4 class="widget_header_title wwIcon i_16_data">DataTables</h4>
						<div class="w_Options i_16_settings">
							<!-- Drop Menu -->
							<ul class="drop_menu menu_with_icons right_direction">
								<li>
									<a class="i_16_add" href="#" title="New Flie">
										<span class="label">New File</span>
									</a>									
								</li>
								<li>
									<a class="i_16_progress" href="#" title="2 Files Left">
										<span class="label">Files Left</span>
										<span class="small_count">2</span>
									</a>
								</li>
								<li>
									<a class="i_16_files" href="#" title="Browse Files">
										<span class="label">Browse Files</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="widget_contents noPadding">
						<table class="datatable tables">
							<thead>
								<tr>
									<th>Rendering engine</th>
									<th>Browser</th>
									<th>Platform</th>
									<th>CSS grade</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 4.0</td>
									<td>Win 95+</td>
									<td>X</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.0</td>
									<td>Win 95+</td>
									<td>C</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.5</td>
									<td>Win 95+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 6</td>
									<td>Win 98+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet Explorer 7</td>
									<td>Win XP SP2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>AOL browser (AOL desktop)</td>
									<td>Win XP</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Firefox 1.0</td>
									<td>Win 98+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Firefox 1.5</td>
									<td>Win 98+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Firefox 2.0</td>
									<td>Win 98+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Firefox 3.0</td>
									<td>Win 2k+ / OSX.3+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Camino 1.0</td>
									<td>OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Camino 1.5</td>
									<td>OSX.3+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Netscape 7.2</td>
									<td>Win 95+ / Mac OS 8.6-9.2</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Netscape Browser 8</td>
									<td>Win 98SE+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Netscape Navigator 9</td>
									<td>Win 98+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.0</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.1</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.2</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.3</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.4</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.5</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.6</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.7</td>
									<td>Win 98+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Mozilla 1.8</td>
									<td>Win 98+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Seamonkey 1.1</td>
									<td>Win 98+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Gecko</td>
									<td>Epiphany 2.20</td>
									<td>Gnome</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>Safari 1.2</td>
									<td>OSX.3</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>Safari 1.3</td>
									<td>OSX.3</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>Safari 2.0</td>
									<td>OSX.4+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>Safari 3.0</td>
									<td>OSX.4+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>OmniWeb 5.5</td>
									<td>OSX.4+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>iPod Touch / iPhone</td>
									<td>iPod</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Webkit</td>
									<td>S60</td>
									<td>S60</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 7.0</td>
									<td>Win 95+ / OSX.1+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 7.5</td>
									<td>Win 95+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 8.0</td>
									<td>Win 95+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 8.5</td>
									<td>Win 95+ / OSX.2+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 9.0</td>
									<td>Win 95+ / OSX.3+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 9.2</td>
									<td>Win 88+ / OSX.3+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera 9.5</td>
									<td>Win 88+ / OSX.3+</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Opera for Wii</td>
									<td>Wii</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Nokia N800</td>
									<td>N800</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Presto</td>
									<td>Nintendo DS browser</td>
									<td>Nintendo DS</td>
									<td>C/A<sup>1</sup></td>
								</tr>
								<tr>
									<td>KHTML</td>
									<td>Konqureror 3.1</td>
									<td>KDE 3.1</td>
									<td>C</td>
								</tr>
								<tr>
									<td>KHTML</td>
									<td>Konqureror 3.3</td>
									<td>KDE 3.3</td>
									<td>A</td>
								</tr>
								<tr>
									<td>KHTML</td>
									<td>Konqureror 3.5</td>
									<td>KDE 3.5</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Tasman</td>
									<td>Internet Explorer 4.5</td>
									<td>Mac OS 8-9</td>
									<td>X</td>
								</tr>
								<tr>
									<td>Tasman</td>
									<td>Internet Explorer 5.1</td>
									<td>Mac OS 7.6-9</td>
									<td>C</td>
								</tr>
								<tr>
									<td>Tasman</td>
									<td>Internet Explorer 5.2</td>
									<td>Mac OS 8-X</td>
									<td>C</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>NetFront 3.1</td>
									<td>Embedded devices</td>
									<td>C</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>NetFront 3.4</td>
									<td>Embedded devices</td>
									<td>A</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>Dillo 0.8</td>
									<td>Embedded devices</td>
									<td>X</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>Links</td>
									<td>Text only</td>
									<td>X</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>Lynx</td>
									<td>Text only</td>
									<td>X</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>IE Mobile</td>
									<td>Windows Mobile 6</td>
									<td>C</td>
								</tr>
								<tr>
									<td>Misc</td>
									<td>PSP browser</td>
									<td>PSP</td>
									<td>C</td>
								</tr>
								<tr>
									<td>Other browsers</td>
									<td>All others</td>
									<td>-</td>
									<td>U</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- Separator -->
				<div class="g_12 separator"><span></span></div>
				
			</div>		
		</div>
	</div>

	<footer>
		<div class="wrapper">
			<span class="copyright">
				&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
			</span>
		</div>
	</footer>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>